聊聊 H5 新增的 rel 属性值
上一篇文章 《ref=”noopener”了解下》 谈到 rel 属性在 H5 中新增了一个属性值 – noopener ，然后想了解下 rel 其它新增属性值。
首先先简单回顾下 rel 属性的作用 – 指明当前文档和被链接文档的关系，这个属性只有在 href 属性存在的情况下使用，我们经常会在 <a> 标签和 <link> 标签中使用。
之前，我们常用的 rel 属性值有：stylesheet、alternate、icon 等。 下面来看下 H5 又新增了哪些常用的属性值。
license：链接到文档的版权信息，取代了之前的copyright属性值author：链接到文档的作者exteral：链接到外部资源文档tag：指明当前文档的关键词nofollow：链接到未认可的文档，比如付费链接；Google 使用该属性值来规定其搜索引擎不跟踪该链接noreferrer：规定用户打开链接时，浏览器不发送 HTTP Referer 头dns-prefetch：告知浏览器提前解析指定 URL 的 DNSpreconnect：告知浏览器提前与指定 URL 建立连接（dns-prefetch+TCP 握手+TLS）preload：让浏览器提前加载需要的资源prefetch：让提前加载后续可能用到的资源并缓存prerender：让浏览器提前加载指定页面的所以资源
除了上述列出的属性值外，还新增了如：bookmark、canonical、prev 等不常用的属性值，在这就不一一列举出来了。